html,body,label{
    height: 100%;
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
}
table tr{
    -o-transition: background-color .5s ease-in .0s; /* Opera */
    -webkit-transition:background-color .5s ease-in .0s;
    -moz-transition:background-color .5s ease-in .0s;
    transition:background-color .5s ease-in .0s;
}
table, th , td  {
    border: 2px solid white;
    border-collapse: collapse;
    padding: 5px;
    width:700px;
    text-align: center;
    color:white;
}
table tr:nth-child(odd)	{
    background-color: #4f5c65;
}
table tr:nth-child(even) {
    background-color: #999999;
}
table tr:hover{
    background-color: #50c3af;
}
/* login background*/
.Loginbackground{
    width: 100%;
    height: 100%;
    background-image: url("../images/background.gif");
    background-size: cover;
    position: absolute;
}
.title{
    font-family: 黑体,sans-serif;
    font-size:5.5em;
    letter-spacing: 10px;
    color: white;
    top:20%;
    left:20%;
    position: absolute;
}
.subhead{
    font-family: 黑体,sans-serif;
    font-size:2em;
    color: aliceblue;
    top:40%;
    left:43%;
    position: absolute;
}
label{
    padding: 6px !important;
    margin-top: 5px;!important;
    text-align: center!important;
}
.login{
    top:65%;
    left: 43%;
    position: absolute;
    text-align: center;
}
.form-control{
    margin-top: 5px!important;
}
.login-label{
    background-color: #50c3af;
    border-radius: 5%;
    height: 50%;
}
.login-btn{
    margin-right: 25% !important;
}
.btn{
    width: 115%!important;
    background-color:#50c3af!important;
}
.col-md-8{
    padding-left: 7px!important;
}
/* chooseview background*/
.choose{
    width: 100%;
    height: 100%;
    background-image: url("../images/BACKGROUND.png");
    background-size: cover;
    position: absolute;
}
.ChooseNav{
    width: 100%;
    position: relative;
}
.ChooseNav ul{
    margin-top: 12%;
    margin-left: 5%;
}
.ChooseNav li{
    list-style: none;
    float: left!important;
    margin-left: 17%;
}
/*Rencai*/
.RencaiBackground{
    width: 100%;
    height: 100%;
    background-image: url("../images/BACKGROUND.png");
    background-size: cover;
    position: absolute;
}
.nav{
    margin-top: 5%;
    margin-left: 20%;
}
.nav li{
    margin-top: 40%;
    padding: 7% 0 7% 10%;
    position: absolute;
    top: 0;
    left:25%;
}
.nav>li>a:focus,
.nav>li>a:hover{
    background: none!important;
}
.mask {
    width: 90%;
    position: absolute;
    top: 0;
    left:25%;
    background-color: #112430;
    z-index: 1002;
    border-radius: 10% 5% 5% 10%;
}
.ContentMask{
    width: 100%;
    height: 705px;
    position: absolute;
    background-color: #112430;
    z-index: 1002;
    border-radius: 5%;}
.totalTable{
    top:5%;
    left: 15%;
    position: absolute;
    line-height: 50px;
}
.totalTable td{
    text-align: center;
}
.Uploadnav{
    margin-top: 15%;
    list-style: none;
}
.Uploadnav li{
    margin-top: 10%;
    padding-left: 20%;
    float: left;
}
.Uploadnav>li>a:focus,
.Uploadnav>li>a:hover{
    background: none!important;
}
/*分页*/
.page{
    position: absolute;
    top:85%;
    left: 20%;
}
.page-list .pagination {float:left;
    background-color: #2e6da4!important;
    }
.page-list .pagination span {cursor: pointer;}
.page-list .pagination .separate span{cursor: default; border-top:none;border-bottom:none;}
.page-list .pagination .separate span:hover {background: none;}
.page-list .page-total {float:left; margin: 25px 20px;
color: white}
.page-list .page-total input, .page-list .page-total select{height: 26px; border: 1px solid #ddd;}
.page-list .page-total input {width: 40px; padding-left:3px;}
.page-list .page-total select {width: 50px; color: black}
/*detail*/
.personal{
    width: 45%;
    color: white;
    top:0;
    left: 5%;
    position: absolute;
    text-align: center;
    line-height: 180%;
    padding-top: 2%;
    vertical-align: middle;
}
.detail h2 {
    letter-spacing: 10px;
    margin-bottom: 5%;
    color:grey;
}
.detail form h4 {
    letter-spacing: 5px;
    margin-bottom: 2%;
    color:grey;
}
.detail form input{
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    border-radius: 10px;
    background: none;
}
.detail form textarea{
    border-width: 1px;
    border-color: white;
    border-style: solid;
    border-radius: 10px;
    background: none;
    resize: none;
    text-align: center;
}
.detail select{
    border-width: 1px;
    border-color: white;
    border-style: solid;
    border-radius: 10px;
    color: black;

}
.detail select option{
    color: black;
}
.SplitLine{
    width: 1px;
    border:2px solid grey;
    height:85%;
    top:5%;
    left: 55%;
    position: absolute;
}
.project{
    width: 45%;
    color: white;
    top:0;
    left:56%;
    position: absolute;
    text-align: center;
    line-height: 180%;
    padding-top: 2%;
    vertical-align: middle;
}
/*upload*/
.upload{
    top:70%;
    left: 20%;
    position: absolute;
}